<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>

export default {
  name: 'app'
}
</script>

<style>
    html, body, #app {
        height: 100vh;
        width: 100%
    }

    .flex-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .flex {
        display: flex;
    }
    .flex-end {
        justify-content: flex-end;
    }
    .flex-between {
        justify-content: space-between;
    }
    .both-center {
        justify-content: center;
        align-items: center;
    }
    .ml-20 {
        margin-left: 20px;
    }
    .ml-10 {
        margin-left: 10px;
    }
    .mr-20 {
        margin-right: 20px;
    }
    .mr-10 {
        margin-right: 10px;
    }
    .mt-20 {
        margin-top: 20px;
    }
    .mt-10 {
        margin-top: 10px;
    }
    .text-right {
        text-align: right;
    }
</style>
